<template>
	<view class="bigbox">
		<view class="titleBox" style="	height: 128rpx;
	display: flex;
	line-height: 128rpx;
	font-size: 24rpx;
	position: relative;
	.titleReturn{
		position: absolute;
		left: 18rpx;">
			<view class="titleReturn"> <uni-icons custom-prefix="iconfont" type="icon-xiangzuojiantou"
					style="font-size: 35rpx; margin-left: 10rpx" size="10"></uni-icons>返回</view>
			<view class=" titleText" style="	position: absolute;
		left: 50%;
		transform: translateX(-50%);">忘记密码</view>
		</view>

		<view class="con">
			<view class="pohoh">
				<uni-icons custom-prefix="iconfont" type="icon-xiugaishoujihao
" style="color: #ff9a4c;font-size:　40rpx;
				" size="30"></uni-icons>
				<input type="text" style="font-size: 30rpx;" placeholder="请输入手机号" />
			</view>
			<view class="pohoh">

				<uni-icons custom-prefix="iconfont" type="icon-xiugaimima
			" style="color: #ff9a4c;font-size:　40rpx;
							" size="30"></uni-icons>
				<input type="text" style="font-size: 30rpx;" placeholder="请输入验证码" />
				<span style="font-size: 26rpx">获取验证码</span>
			</view>
			<view class="pohoh">
				<uni-icons custom-prefix="iconfont" type="icon-xiugaimima
						" style="color: #51d37e;font-size:　40rpx;
										" size="30"></uni-icons>
				<input type="password" style="font-size: 30rpx;" placeholder="请输入6-12位的新密码" />
			</view>
		</view>


		<view class="buttom">
			<button type="primary" @click="jup"
				style="height: 100rpx;display: flex; justify-content: center; align-items: center; ;border-radius: 50rpx;">下一步</button>
		</view>



	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {
			jup() {
				uni.navigateTo({
					url: '/pages/pages/loging/loging'
				})
			}
		}
	}
</script>

<style lang="less" scoped>
	@import url(../../../static/less/pages/pass/pass.less);
</style>